<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格子风尚</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
<header>
    <nav class="main-navigation">
        <div class="container" style="background: url('img/logo.png');background-size:100% 100%;height: 48px;">
            <div class="row">
                <div class="col-sm-12" style="padding: 0;clear: both;">
                    <div class="navbar-header">
                        <span class="nav-toggle-button" data-toggle="collapse" data-target="#main-menu">
                        <span class="sr-only">Toggle navigation</span>
                        <i class="fa fa-bars close1"><img src="img/menu.png" height="26" width="28"/></i>
                        </span>
                        <a class="sear"></a>
                        <div class="sea-input" style="display: none"><input type="text"></div>
                    </div>
                    <div class="collapse navbar-collapse" id="main-menu" style="background: #464646">
                        <ul class="menu" >
                            <img src="img/close.png" id="close" style="padding: 15px 0;margin-left: 84%;display: none ">
                            <li class="nav-current" role="presentation"><a href="index.html">burano 首页</a>
                            </li>
                            <li class="nav-current"  role="presentation"><a href="blu-关于我们.html">关于burano </a></li>
                            <li class="nav-current" role="presentation"><a id="pro-show">burano 产品<i style="float: right"><img src="img/tri1.png"></i></a></li>
                            <div class="submenu" style="display: none">
                                <ul class="subnav">
                                    <li class="subnav-item nav-current"><a href="blu-单品kemo.html">科莫 · 1:1原石系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品巴里-产品介绍.html">巴里 · 皇家玉石系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品卢卡-产品介绍.html">卢卡 · 金刚石系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品莱克-产品介绍.html">莱可 · 通体大理石系列</a></li>
                                    <li class="subnav-item nav-current"><a href="">维罗纳 · 现代轻奢系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品费啦啦-产品介绍.html">玛奇朵 · 现代仿古系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品莫妮多-产品介绍.html">莫妮卡 · 晶闪镜面系列</a></li>
                                    <li class="subnav-item nav-current"><a href="blu-单品波尔多-产品介绍.html">波尔多 · 天然理石系列</a></li>
                                </ul>
                            </div>
                            <li class="nav-current" role="presentation"><a href="blu-格子风尚.html">格子风尚</a></li>
                            <li class="nav-current" role="presentation"><a href="blu-荣誉资质.html">荣誉资质</a></li>
                            <li class="nav-current" role="presentation"><a href="blu-工程案例.html">工程案例</a></li>
                            <li class="nav-current" role="presentation"><a href="blu-新闻资讯.html">burano 资讯</a></li>
                            <li class="nav-current" role="presentation"><a href="blu-联系我们.html">联系burano </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>
<section class="con">
    <div class="container">
        <div class="con-title2">
            <p style="font-size: 26px">格子风尚</p>
            <p style="font-size: 22px">Lattice fashion</p>
            <p class="ban-line" style="width: 60%"></p>
        </div>
        <div class="gezi-intro">
            <div class="intro-con">
                <div class="intro-con1">
                    设计灵感来自于英伦时装周的格子风服饰，格子风服饰属于目前大热的款式，方块、菱形等不同的设计都象征着格子的跳跃明快风格。设计师在这块砖上同样运用了菱形格子风，简单、明快、活跃的样式，另家装整体更添时尚气息。
                </div>
                <div class="intro-con2"><img src="img/gezi.png"></div>
            </div>
            <p style="font-size: 14px;color: #6c6c6c;">Design inspiration comes from the British wind clothing fashion week grid, grid wind clothing belongs to the large thermal design, square, diamond, etc the leap of different designs are a symbol of the grid and lively style.Designers in the brick also used a diamond lattice wind, simple style, lively and active, overall more add another home outfit fashionable breath.</p>
        </div>
        <div class="gezi-intro1">
            <p class="gezi-intro1-txt">适用于所有设计风格 图仅供参考，实物为准</p>
            <p>—尺寸/SIZES&nbsp;—&nbsp;—&nbsp;—&nbsp;—</p>
            <div class="intro1-con">
                <div class="gezi-box">
                    <img >
                </div>
                <div class="gezi-boxtxt">
                    <p>size:300mmx600mm</p>
                    <p>注：B63016-上墙、花片</p>
                </div>
            </div>
            <div class="intro1-con">
                <div class="gezi-box">
                    <img >
                </div>
                <div class="gezi-boxtxt">
                    <p>size:90mmx600mm</p>
                    <p>注：B63016-腰线</p>
                </div>
            </div>
            <p>—产品/PRODUCT&nbsp;—&nbsp;—&nbsp;—&nbsp;—</p>
            <div class="intro1-con">
                <div class="gezi1-box" style="border: 0">
                    <img src="img/pro3.png" style="margin-top: -13px;">
                </div>
                <div class="gezi1-boxtxt">
                    <img src="img/pro4.png">
                </div>
            </div>

        </div>
    </div>
    <div style="background: #f4f4f4;padding-top: 20px;padding-bottom: 20px;">
        <div class="container">
            <div class="gezi-intro2">
                <div class="gezi-intro2-txt">
                    <p>产品应用范围</p>
                    <p>C</p>
                    <p>PRODUCT APPLICATION</p>
                </div>
                <div class="fanwei"><img src="img/fanwei.png"></div>
            </div>
            <div class="gezi-intro3">
                <div class="gezi-pro">
                    <img src="img/i1.jpg">
                </div>
                <div class="gezi-pro">
                    <img src="img/i2.jpg">
                </div>
                <div class="gezi-pro">
                    <img src="img/i3.jpg">
                </div>
                <div class="gezi-pro">
                    <img src="img/i4.jpg">
                </div>
            </div>
        </div>
    </div>
    <div class="back"><a href="javascript:history.back(-1)"><img src="img/back1.png"></a></div>
</section>
<div class="line"></div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-12" >
                <p class="f16">如您有任何疑问，请随时与我们联系</p>
                <p class="f14">佛山市爱丽舍华陶瓷有限公司国内营销中心地址:</p>
                <p class="f16">佛山市禅城区卫国西路7号</p>
                <p class="f16" style="text-decoration: underline">公司网址：http://www.buranotaoci.com</p>
                <p class="f16">联系方式：400-8897-731</p>
                <p class="f16">QQ：2930759754</p>
                <p><img src="img/weixin.png"width="140"height="180"></p>
                <p class="back-top" id="backtop"><img src="img/bakt.png" height="18" width="100"/></p>
            </div>
        </div>
    </div>

</footer>
<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
    /**
     * 返回顶部处理
     */
    var _objscroll = {
        win:$(window),
        doc:$(document),
        gotopdiv:$('#backtop')
    };
    //返回顶部点击
    _objscroll.gotopdiv.click(function(){//控制返回顶部
        _objscroll.win.scrollTop(0);
        return false;
    });

    $('#pro-show').bind('click',function(){
        $('.submenu').slideToggle();
    })
   /* $('#close').bind('click',function () {
        $(this).parent().slideToggle();
    })
    */
    $('.sear').bind('click',function () {
      $('.sea-input').slideToggle();
        $(this).addClass('on');
    })
</script>
</body>
</html>